<template>
    <div class="context-box">
        <div class="sub-title">{{ title }}</div>
        <div class="dest">
            <div v-for="(item, index) in destList" :key="index">{{ item }}</div>
        </div>
        <div class="code" v-for="(item, index) in codeList" :key="index">
            {{ item }}
        </div>
    </div>
</template>

<script setup lang='ts'>
defineProps < {
    title: string,
    destList?: Array<string>,
    codeList?:Array<string>
} > ()
</script>
<style lang='less' scoped>
.context-box {
    margin: 0 auto;
    width: 90%;
    height: auto;
    padding: 10px 0;

    .sub-title {
        font-size: 20px;
        font-weight: 500;
        color: #333;
    }

    .dest {
        margin-top: 10px;
        font-size: 18px;
        color: #666;
        line-height: 24px;
    }
}
</style>